﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Configurable Phone</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="description" content="&lt;p&gt;Configurable Products let your customers select the variant they desire by choosing options. For example, you sell t-shirts in two colors and three sizes. You&amp;rsquo;d create the six variants as individual products (with their own skus) and then add the" />
<meta name="keywords" content="magento, theme, themes, magento premium theme, magento template, responsive theme" />
<meta name="robots" content="INDEX,FOLLOW" />
<link rel="icon" href="http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="72x72" href="http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/apple-touch-icon-114x114.png" />
<!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
    var BLANK_URL = 'http://ultimo.infortis-themes.com/demo/js/blank.html';
    var BLANK_IMG = 'http://ultimo.infortis-themes.com/demo/js/spacer.gif';
//]]>
</script>
<![endif]-->

<link rel="stylesheet" type="text/css" href="http://ultimo.infortis-themes.com/demo/media/css/93e7d1dcbc327ac3081785e50861cd47.css" />
<link rel="stylesheet" type="text/css" href="http://ultimo.infortis-themes.com/demo/media/css/a92a7f88986a745333be18a116f4d0e4.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://ultimo.infortis-themes.com/demo/media/css/f6e62d1da07bb38772c4bacfcef59296.css" media="print" />
<script type="text/javascript" src="http://ultimo.infortis-themes.com/demo/media/js/33386e75f4f0c80bf3ed6e928351b7c2.js"></script>
<link href="http://ultimo.infortis-themes.com/demo/fourth/rss/catalog/new/store_id/5/" title="New Products" rel="alternate" type="application/rss+xml" />
<link href="http://ultimo.infortis-themes.com/demo/fourth/rss/catalog/special/store_id/5/cid/0/" title="Special Products" rel="alternate" type="application/rss+xml" />
<link rel="canonical" href="http://ultimo.infortis-themes.com/demo/fourth/phone3.html" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="http://ultimo.infortis-themes.com/demo/media/css/deec10fc8f3a1907ce7d885da3b68b7a.css" media="all" />
<![endif]-->
<!--[if lt IE 7]>
<script type="text/javascript" src="http://ultimo.infortis-themes.com/demo/media/js/59208060dbe803c9be64d3a034f0e437.js"></script>
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="http://ultimo.infortis-themes.com/demo/media/css/e7d36061a4066a51927b9a44d6d8994c.css" media="all" />
<![endif]-->
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="http://ultimo.infortis-themes.com/demo/media/css/33bac43766cd927fc08d66c224415c2d.css" media="all" />
<![endif]-->

<script type="text/javascript">
//<![CDATA[
Mage.Cookies.path     = '/demo';
Mage.Cookies.domain   = '.ultimo.infortis-themes.com';
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
optionalZipCountries = ["HK","IE","MO","PA"];
//]]>
</script>
<script type="text/javascript">//<![CDATA[
        var Translator = new Translate([]);
        //]]></script>


<link rel="stylesheet" type="text/css" href="http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/css/_css/_grid_fourth.css" media="all" />

<link rel="stylesheet" type="text/css" href="http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/css/_css/_layout_fourth.css" media="all" />

<link rel="stylesheet" type="text/css" href="http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/css/_css/_design_fourth.css" media="all" />

<link rel="stylesheet" type="text/css" href="http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/css/custom.css" media="all" />



<link href='//fonts.googleapis.com/css?family=Oswald&subset=latin' rel='stylesheet' type='text/css' />
</head>
<body class=" catalog-product-view catalog-product-view product-phone3 ">
<!-- BEGIN GOOGLE ANALYTICS CODEs -->
<script type="text/javascript">
//<![CDATA[
    var _gaq = _gaq || [];
    
_gaq.push(['_setAccount', 'UA-29740436-2']);
_gaq.push(['_trackPageview']);
    
    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

//]]>
</script>
<!-- END GOOGLE ANALYTICS CODE -->
<div class="wrapper">
        <noscript>
        <div class="global-site-notice noscript">
            <div class="notice-inner">
                <p>
                    <strong>JavaScript seems to be disabled in your browser.</strong><br />
                    You must have JavaScript enabled in your browser to utilize the functionality of this website.                </p>
            </div>
        </div>
    </noscript>
    <div class="page">
        <div class="header-container" id="top">

    <div class="header container">
		<div class="grid-full">
        
			<div class="header-top clearer">
                                    <div class="block_header_top_help item item-left"><div class="hide-below-768 phone" title="You can put here a phone number or some additional help info">Call Us +001 555 801</div></div>
                                                    <div class="block_header_links_upper item item-left"><div class="show-separators">

	<ul class="links">
		<li class="first hide-below-480">
			<a href="http://ultimo.infortis-themes.com/demo/select-demo/" title="See more demos">All demos</a>
		</li>
		<li class="hide-below-768">
			<a href="http://ultimo.infortis-themes.com/demo/fourth/ultimo-responsive-magento-theme/" title="See the list of all features">Features</a>
		</li>
		<li class="last hide-below-480">
			<a href="http://themeforest.net/item/ultimo-fluid-responsive-magento-theme/3231798?ref=infortis" title="Click to buy this theme">Buy me!</a>
		</li>
	</ul>

</div></div>
                                <div class="item item-left hide-below-960">
                    <p class="welcome-msg">Welcome msg! </p>
                </div>
                
                
	
    <div class="dropdown currency-switcher item item-right">
        <div class="dropdown-toggle cover">
            <div>
                <div class="label hide-below-768">Currency:</div>
                <div class="value">USD</div>
                <div class="caret">&nbsp;</div>
            </div>
        </div>
        <ul class="dropdown-menu left-hand"><li><a href="http://ultimo.infortis-themes.com/demo/fourth/directory/currency/switch/currency/BRL/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL3Bob25lMy5odG1s/">BRL - Brazilian Real</a></li><li><a href="http://ultimo.infortis-themes.com/demo/fourth/directory/currency/switch/currency/GBP/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL3Bob25lMy5odG1s/">GBP - British Pound Sterling</a></li><li><a href="http://ultimo.infortis-themes.com/demo/fourth/directory/currency/switch/currency/CNY/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL3Bob25lMy5odG1s/">CNY - Chinese Yuan Renminbi</a></li><li><a href="http://ultimo.infortis-themes.com/demo/fourth/directory/currency/switch/currency/EUR/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL3Bob25lMy5odG1s/">EUR - Euro</a></li><li><a href="http://ultimo.infortis-themes.com/demo/fourth/directory/currency/switch/currency/RUB/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL3Bob25lMy5odG1s/">RUB - Russian Ruble</a></li><li class="current">USD - US Dollar</li></ul>    </div>
                                                    <div class="block_header_top_right item item-right"><div class="dropdown lang-switcher item"  title="Multiple languages are supported. This is only a demo switcher so it doesn't switch languages.">

	<div class="dropdown-toggle cover">
		<div>
			<div style="background-image:url(http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/images/flags/default.png)" class="label icon flag">&nbsp;</div>
			<div class="value">English</div>
			<div class="caret">&nbsp;</div>
		</div>
	</div>
    
	<ul class="dropdown-menu left-hand">
		<li class="current">
			<span style="background-image:url(http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/images/flags/default.png);" class="label icon">&nbsp;</span>English</li>
		<li>
			<a href="#"><span style="background-image:url(http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/images/flags/default_de.png);" class="label icon">&nbsp;</span>German</a>
		</li>
		<li>
			<a href="#"><span style="background-image:url(http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/images/flags/it.png);" class="label icon">&nbsp;</span>Italian</a>
		</li>
		<li>
			<a href="#"><span style="background-image:url(http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/images/flags/fr.png);" class="label icon">&nbsp;</span>French</a>
		</li>
	</ul>

</div></div>
                            </div>
                        
            <div class="header-main v-grid-container">
                <div class="logo-wrapper grid12-4 v-grid">
                                    <a href="http://ultimo.infortis-themes.com/demo/fourth/" title="Responsive Magento Theme" class="logo"><strong>Responsive Magento Theme</strong><img src="http://ultimo.infortis-themes.com/demo/skin/frontend/ultimo/default/images/logo.png" alt="Responsive Magento Theme" /></a>
                                </div>
                
			<!--<div class="grid12-8 v-grid">-->	<!-- TODO:remove test!!!!!!!!!!!!!! -->
            
                <div class="header-top-search-wrapper grid12-4 v-grid clearer">
                    <form id="search_mini_form" action="http://ultimo.infortis-themes.com/demo/fourth/catalogsearch/result/" method="get">
    <div class="form-search">
        <label for="search">Search:</label>
        <input id="search" type="text" name="q" value="" class="input-text" maxlength="128" />
        <button type="submit" title="Search" class="button"><span><span>Search</span></span></button>
        <div id="search_autocomplete" class="search-autocomplete"></div>
        <script type="text/javascript">
        //<![CDATA[
            var searchForm = new Varien.searchForm('search_mini_form', 'search', 'Search entire store here...');
            searchForm.initAutocomplete('http://ultimo.infortis-themes.com/demo/fourth/catalogsearch/ajax/suggest/', 'search_autocomplete');
        //]]>
        </script>
    </div>
</form>
                                    </div>
                
                <div class="user-menu clearer grid12-4 v-grid">
					
					
<div id="mini-cart" class="dropdown is-empty">

    <div class="dropdown-toggle cover" title="You have no items in your shopping cart.">
    <div>
    
    	<div class="label icon icon-cart">&nbsp;</div>
        <div class="hide-below-960">Cart</div>
		        	<div class="empty"><span class="price">$0.00</span></div>
                <div class="caret">&nbsp;</div>

	</div> <!-- end: dropdown-toggle > div -->
    </div> <!-- end: dropdown-toggle -->
    
            	<div class="dropdown-menu left-hand block">
        	<div class="block-content-inner">

				                    <div class="block_mini_cart_above_products"><div style="padding:15px; background-color:#f5f5f5; color:#d90000;" title="Customizable CMS block for promo info">
<a class="go" href="http://ultimo.infortis-themes.com/demo/fourth/">Check our latest super promotions!</a>
</div></div>
                                <div class="empty">You have no items in your shopping cart.</div>

            </div> <!-- end: block-content-inner -->
		</div> <!-- end: dropdown-menu -->
    
</div> <!-- end: mini-cart -->

                    <div class="after-mini-cart"></div>
                    
                    <div class="top-links show-separators">
                        
				
<div class="dropdown quick-compare is-empty">

    <div class="dropdown-toggle cover" title="You have no items to compare.">
    	<div>
        	<div class="label icon icon-compare">&nbsp;</div>
	        <div class="hide-below-1280">Compare</div>
			            	<div class="amount">(0)</div>
			            <div class="caret">&nbsp;</div>
        </div>
    </div>
    <div class="dropdown-menu left-hand">
            <div class="empty">You have no items to compare.</div>
        </div><!-- end: dropdown-menu -->

</div>
	    
<ul class="links">
            
			
            <li class="first" ><a href="http://ultimo.infortis-themes.com/demo/fourth/customer/account/" title="Account" >Account</a></li>
                                <li ><a href="http://ultimo.infortis-themes.com/demo/fourth/wishlist/" title="Wishlist" >Wishlist</a></li>
                    
			
            <li  ><a href="http://ultimo.infortis-themes.com/demo/fourth/customer/account/login/" title="Log In" >Log In</a></li>
                    
			
            <li class=" last" id="link-sign-up"><a href="http://ultimo.infortis-themes.com/demo/fourth/customer/account/create/" title="Sign Up" >Sign Up</a></li>
            </ul>
                    </div> <!-- end: top-links -->
    
                </div> <!-- end: user-menu -->
                
			<!--</div>-->	<!-- TODO:remove test!!!!!!!!!!! -->
                
            </div> <!-- end: header-main -->
    
        </div> <!-- end: grid unit -->
    </div> <!-- end: header -->
    
	<div class="nav-container">
		<div class="nav container clearer show-bg">
			
    
<div id="mobnav" class="grid-full">
    <a id="mobnav-trigger" href="">
    	<div class="icon"><div class="line"></div><div class="line"></div><div class="line"></div></div>
    	<span>Menu</span>
    </a>
</div>

<ul class="accordion vertnav vertnav-top grid-full">
	<li class="level0 nav-1 level-top first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/women.html" class="level-top">
<span>Women</span>
</a>
</li><li class="level0 nav-2 level-top parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion.html" class="level-top">
<span>Fashion <span class="cat-label cat-label-label1 pin-bottom">New</span></span>
</a>
<span class="opener">&nbsp;</span>

<ul class="level0">
<li class="level1 nav-2-1 first parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/tops.html">
<span>Tops <span class="cat-label cat-label-label2">Sale!</span></span>
</a>
<span class="opener">&nbsp;</span>

<ul class="level1">
<li class="level2 nav-2-1-1 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/tops/evening-tops.html">
<span>Evening Tops</span>
</a>
</li><li class="level2 nav-2-1-2">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/tops/shirts-blouses.html">
<span>Shirts &amp; Blouses</span>
</a>
</li><li class="level2 nav-2-1-3">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/tops/tunics.html">
<span>Tunics</span>
</a>
</li><li class="level2 nav-2-1-4 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/tops/vests.html">
<span>Vests</span>
</a>
</li>
</ul>

</li><li class="level1 nav-2-2 parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/dresses.html">
<span>Dresses <span class="cat-label cat-label-label2">Sale!</span></span>
</a>
<span class="opener">&nbsp;</span>

<ul class="level1">
<li class="level2 nav-2-2-5 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/dresses/casual-dresses.html">
<span>Casual Dresses</span>
</a>
</li><li class="level2 nav-2-2-6">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/dresses/evening.html">
<span>Evening</span>
</a>
</li><li class="level2 nav-2-2-7">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/dresses/designer.html">
<span>Designer</span>
</a>
</li><li class="level2 nav-2-2-8 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/dresses/party.html">
<span>Party</span>
</a>
</li>
</ul>

</li><li class="level1 nav-2-3 parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/shoes.html">
<span>Shoes</span>
</a>
<span class="opener">&nbsp;</span>

<ul class="level1">
<li class="level2 nav-2-3-9 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/shoes/flat-shoes.html">
<span>Flat Shoes</span>
</a>
</li><li class="level2 nav-2-3-10">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/shoes/flat-sandals.html">
<span>Flat Sandals</span>
</a>
</li><li class="level2 nav-2-3-11">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/shoes/boots.html">
<span>Boots</span>
</a>
</li><li class="level2 nav-2-3-12 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/shoes/heels.html">
<span>Heels</span>
</a>
</li>
</ul>

</li><li class="level1 nav-2-4 parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/jewelry.html">
<span>Jewelry</span>
</a>
<span class="opener">&nbsp;</span>

<ul class="level1">
<li class="level2 nav-2-4-13 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/jewelry/bracelets.html">
<span>Bracelets</span>
</a>
</li><li class="level2 nav-2-4-14">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/jewelry/necklaces-pendants.html">
<span>Necklaces &amp; Pendants</span>
</a>
</li><li class="level2 nav-2-4-15 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/jewelry/pins-brooches.html">
<span>Pins &amp; Brooches</span>
</a>
</li>
</ul>

</li><li class="level1 nav-2-5 parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/lingerie.html">
<span>Lingerie</span>
</a>
<span class="opener">&nbsp;</span>

<ul class="level1">
<li class="level2 nav-2-5-16 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/lingerie/bras.html">
<span>Bras</span>
</a>
</li><li class="level2 nav-2-5-17">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/lingerie/bodies.html">
<span>Bodies</span>
</a>
</li><li class="level2 nav-2-5-18">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/lingerie/lingerie-sets.html">
<span>Lingerie Sets</span>
</a>
</li><li class="level2 nav-2-5-19 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/lingerie/shapewear.html">
<span>Shapewear</span>
</a>
</li>
</ul>

</li><li class="level1 nav-2-6 parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/coats-jackets.html">
<span>Coats &amp; Jackets</span>
</a>
<span class="opener">&nbsp;</span>

<ul class="level1">
<li class="level2 nav-2-6-20 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/coats-jackets/coats.html">
<span>Coats</span>
</a>
</li><li class="level2 nav-2-6-21">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/coats-jackets/jackets.html">
<span>Jackets</span>
</a>
</li><li class="level2 nav-2-6-22">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/coats-jackets/leather-jackets.html">
<span>Leather Jackets</span>
</a>
</li><li class="level2 nav-2-6-23 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/coats-jackets/blazers.html">
<span>Blazers</span>
</a>
</li>
</ul>

</li><li class="level1 nav-2-7 parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/bags-purses.html">
<span>Bags &amp; Purses</span>
</a>
<span class="opener">&nbsp;</span>

<ul class="level1">
<li class="level2 nav-2-7-24 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/bags-purses/bags.html">
<span>Bags</span>
</a>
</li><li class="level2 nav-2-7-25">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/bags-purses/designer-handbags.html">
<span>Designer Handbags</span>
</a>
</li><li class="level2 nav-2-7-26">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/bags-purses/purses.html">
<span>Purses</span>
</a>
</li><li class="level2 nav-2-7-27 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/bags-purses/shoulder-bags.html">
<span>Shoulder Bags</span>
</a>
</li>
</ul>

</li><li class="level1 nav-2-8 last parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/swimwear.html">
<span>Swimwear</span>
</a>
<span class="opener">&nbsp;</span>

<ul class="level1">
<li class="level2 nav-2-8-28 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/swimwear/swimsuits.html">
<span>Swimsuits</span>
</a>
</li><li class="level2 nav-2-8-29">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/swimwear/beach-clothing.html">
<span>Beach Clothing</span>
</a>
</li><li class="level2 nav-2-8-30 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/swimwear/bikinis.html">
<span>Bikinis</span>
</a>
</li>
</ul>

</li>
</ul>

</li><li class="level0 nav-3 level-top parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics.html" class="level-top">
<span>Electronics</span>
</a>
<span class="opener">&nbsp;</span>

<ul class="level0">
<li class="level1 nav-3-1 first parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones.html">
<span>Smartphones</span>
</a>
<span class="opener">&nbsp;</span>

<ul class="level1">
<li class="level2 nav-3-1-1 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones/sample.html">
<span>Sample <span class="cat-label cat-label-label1">New</span></span>
</a>
</li><li class="level2 nav-3-1-2">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones/apple.html">
<span>Apple</span>
</a>
</li><li class="level2 nav-3-1-3">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones/samsung.html">
<span>Samsung</span>
</a>
</li><li class="level2 nav-3-1-4">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones/blackberry.html">
<span>BlackBerry</span>
</a>
</li><li class="level2 nav-3-1-5">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones/motorola.html">
<span>Motorola</span>
</a>
</li><li class="level2 nav-3-1-6">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones/nokia.html">
<span>Nokia</span>
</a>
</li><li class="level2 nav-3-1-7 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones/htc.html">
<span>HTC</span>
</a>
</li>
</ul>

</li><li class="level1 nav-3-2 parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories.html">
<span>Phone Accessories</span>
</a>
<span class="opener">&nbsp;</span>

<ul class="level1">
<li class="level2 nav-3-2-8 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories/headsets.html">
<span>Headsets</span>
</a>
</li><li class="level2 nav-3-2-9">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories/batteries.html">
<span>Batteries</span>
</a>
</li><li class="level2 nav-3-2-10">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories/screen-protectors.html">
<span>Screen Protectors</span>
</a>
</li><li class="level2 nav-3-2-11">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories/memory-cards.html">
<span>Memory Cards</span>
</a>
</li><li class="level2 nav-3-2-12">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories/cables-adapters.html">
<span>Cables &amp; Adapters</span>
</a>
</li><li class="level2 nav-3-2-13">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories/chargers.html">
<span>Chargers</span>
</a>
</li><li class="level2 nav-3-2-14 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories/cases.html">
<span>Cases</span>
</a>
</li>
</ul>

</li><li class="level1 nav-3-3 parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/cameras.html">
<span>Cameras</span>
</a>
<span class="opener">&nbsp;</span>

<ul class="level1">
<li class="level2 nav-3-3-15 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/cameras/digital-cameras.html">
<span>Digital Cameras</span>
</a>
</li><li class="level2 nav-3-3-16">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/cameras/camcorders.html">
<span>Camcorders</span>
</a>
</li><li class="level2 nav-3-3-17">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/cameras/lenses.html">
<span>Lenses</span>
</a>
</li><li class="level2 nav-3-3-18">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/cameras/filters.html">
<span>Filters</span>
</a>
</li><li class="level2 nav-3-3-19 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/cameras/tripods.html">
<span>Tripods</span>
</a>
</li>
</ul>

</li><li class="level1 nav-3-4 last parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/computers.html">
<span>Computers</span>
</a>
<span class="opener">&nbsp;</span>

<ul class="level1">
<li class="level2 nav-3-4-20 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/computers/laptops.html">
<span>Laptops</span>
</a>
</li><li class="level2 nav-3-4-21">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/computers/hard-drives.html">
<span>Hard Drives</span>
</a>
</li><li class="level2 nav-3-4-22">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/computers/monitors.html">
<span>Monitors</span>
</a>
</li><li class="level2 nav-3-4-23 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/computers/processors.html">
<span>Processors</span>
</a>
</li>
</ul>

</li>
</ul>

</li><li class="level0 nav-4 level-top last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/downloadable.html" class="level-top">
<span>Digital</span>
</a>
</li></ul>

<ul id="nav" class="grid-full wide">

	            <li id="nav-home-link" class="level0 level-top">
        	        		<a class="level-top" href="http://ultimo.infortis-themes.com/demo/fourth/"><span>Home</span></a>
        	        </li>
    
	    <li class="level0 nav-5 level-top first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/women.html" class="level-top">
<span>Women</span>
</a>
</li><li class="level0 nav-6 level-top parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion.html" class="level-top">
<span>Fashion <span class="cat-label cat-label-label1 pin-bottom">New</span></span>
</a>
<div class="level0-wrapper dropdown-6col">
<div class="nav-block nav-block-top grid-full std"><div class="show-separators">

	<ul class="links">
		<li class="label">Featured Categories:</li>
		<li class="first">
			<a href="#">Dresses</a>
		</li>
		<li>
			<a href="#">Evening Tops</a>
		</li>
		<li class="last">
			<a href="#">Shirts & Blouses</a>
		</li>
	</ul>

</div>

<div class="show-separators f-right">

	<ul class="links">
		<li class="first">
			<a href="#">Add</a>
		</li>
		<li>
			<a href="#">More</a>
		</li>
		<li>
			<a href="#">Custom</a>
		</li>
		<li class="last">
			<a href="#">Links</a>
		</li>
	</ul>

</div>

<span class="section-line"></span></div><div class="nav-block nav-block-center grid12-8 itemgrid itemgrid-4col">
<ul class="level0">
<li class="level1 nav-6-1 first parent item">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/tops.html">
<span>Tops <span class="cat-label cat-label-label2">Sale!</span></span>
</a>

<ul class="level1">
<li class="level2 nav-6-1-1 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/tops/evening-tops.html">
<span>Evening Tops</span>
</a>
</li><li class="level2 nav-6-1-2">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/tops/shirts-blouses.html">
<span>Shirts &amp; Blouses</span>
</a>
</li><li class="level2 nav-6-1-3">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/tops/tunics.html">
<span>Tunics</span>
</a>
</li><li class="level2 nav-6-1-4 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/tops/vests.html">
<span>Vests</span>
</a>
</li>
</ul>

</li><li class="level1 nav-6-2 parent item">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/dresses.html">
<span>Dresses <span class="cat-label cat-label-label2">Sale!</span></span>
</a>

<ul class="level1">
<li class="level2 nav-6-2-5 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/dresses/casual-dresses.html">
<span>Casual Dresses</span>
</a>
</li><li class="level2 nav-6-2-6">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/dresses/evening.html">
<span>Evening</span>
</a>
</li><li class="level2 nav-6-2-7">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/dresses/designer.html">
<span>Designer</span>
</a>
</li><li class="level2 nav-6-2-8 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/dresses/party.html">
<span>Party</span>
</a>
</li>
</ul>

</li><li class="level1 nav-6-3 parent item">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/shoes.html">
<span>Shoes</span>
</a>

<ul class="level1">
<li class="level2 nav-6-3-9 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/shoes/flat-shoes.html">
<span>Flat Shoes</span>
</a>
</li><li class="level2 nav-6-3-10">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/shoes/flat-sandals.html">
<span>Flat Sandals</span>
</a>
</li><li class="level2 nav-6-3-11">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/shoes/boots.html">
<span>Boots</span>
</a>
</li><li class="level2 nav-6-3-12 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/shoes/heels.html">
<span>Heels</span>
</a>
</li>
</ul>

</li><li class="level1 nav-6-4 parent item">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/jewelry.html">
<span>Jewelry</span>
</a>

<ul class="level1">
<li class="level2 nav-6-4-13 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/jewelry/bracelets.html">
<span>Bracelets</span>
</a>
</li><li class="level2 nav-6-4-14">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/jewelry/necklaces-pendants.html">
<span>Necklaces &amp; Pendants</span>
</a>
</li><li class="level2 nav-6-4-15 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/jewelry/pins-brooches.html">
<span>Pins &amp; Brooches</span>
</a>
</li>
</ul>

</li><li class="level1 nav-6-5 parent item">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/lingerie.html">
<span>Lingerie</span>
</a>

<ul class="level1">
<li class="level2 nav-6-5-16 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/lingerie/bras.html">
<span>Bras</span>
</a>
</li><li class="level2 nav-6-5-17">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/lingerie/bodies.html">
<span>Bodies</span>
</a>
</li><li class="level2 nav-6-5-18">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/lingerie/lingerie-sets.html">
<span>Lingerie Sets</span>
</a>
</li><li class="level2 nav-6-5-19 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/lingerie/shapewear.html">
<span>Shapewear</span>
</a>
</li>
</ul>

</li><li class="level1 nav-6-6 parent item">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/coats-jackets.html">
<span>Coats &amp; Jackets</span>
</a>

<ul class="level1">
<li class="level2 nav-6-6-20 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/coats-jackets/coats.html">
<span>Coats</span>
</a>
</li><li class="level2 nav-6-6-21">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/coats-jackets/jackets.html">
<span>Jackets</span>
</a>
</li><li class="level2 nav-6-6-22">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/coats-jackets/leather-jackets.html">
<span>Leather Jackets</span>
</a>
</li><li class="level2 nav-6-6-23 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/coats-jackets/blazers.html">
<span>Blazers</span>
</a>
</li>
</ul>

</li><li class="level1 nav-6-7 parent item">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/bags-purses.html">
<span>Bags &amp; Purses</span>
</a>

<ul class="level1">
<li class="level2 nav-6-7-24 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/bags-purses/bags.html">
<span>Bags</span>
</a>
</li><li class="level2 nav-6-7-25">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/bags-purses/designer-handbags.html">
<span>Designer Handbags</span>
</a>
</li><li class="level2 nav-6-7-26">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/bags-purses/purses.html">
<span>Purses</span>
</a>
</li><li class="level2 nav-6-7-27 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/bags-purses/shoulder-bags.html">
<span>Shoulder Bags</span>
</a>
</li>
</ul>

</li><li class="level1 nav-6-8 last parent item">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/swimwear.html">
<span>Swimwear</span>
</a>

<ul class="level1">
<li class="level2 nav-6-8-28 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/swimwear/swimsuits.html">
<span>Swimsuits</span>
</a>
</li><li class="level2 nav-6-8-29">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/swimwear/beach-clothing.html">
<span>Beach Clothing</span>
</a>
</li><li class="level2 nav-6-8-30 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion/swimwear/bikinis.html">
<span>Bikinis</span>
</a>
</li>
</ul>

</li>
</ul>
</div><div class="nav-block nav-block-right std grid12-4"><a href="http://ultimo.infortis-themes.com/demo/fourth/fashion.html" title="Create direct links to featured categories"><img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/demo/infortis/ultimo/menu/01.jpg" alt="Sample category" /></a>
<br/>
<h3>Featured Category</h3>
<p>This is a custom block ready to display any content. You can add blocks to any category in the catalog...</p>
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion.html" class="go">View Category</a></div><div class="nav-block nav-block-bottom grid-full std"><span class="section-line"></span>
<div class="show-separators">

	<ul class="links">
		<li class="label">Custom block:</li>
		<li class="first">
			<a href="#">These</a>
		</li>
		<li>
			<a href="#">Are</a>
		</li>
		<li>
			<a href="#">Sample</a>
		</li>
		<li>
			<a href="#">Custom</a>
		</li>
		<li class="last">
			<a href="#">Links</a>
		</li>
	</ul>

</div></div>
</div>
</li><li class="level0 nav-7 level-top parent">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics.html" class="level-top">
<span>Electronics</span>
</a>
<div class="level0-wrapper dropdown-6col">
<div class="nav-block nav-block-top grid-full std"><div class="show-separators">

	<ul class="links">
		<li class="label">Recommended Products:</li>
		<li class="first">
			<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones/phone3.html">Configurable Phone</a>
		</li>
		<li>
			<a href="#">Galaxy S3</a>
		</li>
		<li>
			<a href="#">Galaxy S4</a>
		</li>
		<li>
			<a href="#">iPad Retina</a>
		</li>
		<li class="last">
			<a href="#">iPhone 5</a>
		</li>
	</ul>

</div>

<span class="section-line"></span></div><div class="nav-block nav-block-center grid12-8 itemgrid itemgrid-4col">
<ul class="level0">
<li class="level1 nav-7-1 first parent item">
<div class="nav-block nav-block-level1-top std">
<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/demo/infortis/ultimo/menu/banner/01.png" alt="Sample image" title="Sample category block, you can replace it with custom content" />
</div>
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones.html">
<span>Smartphones</span>
</a>

<ul class="level1">
<li class="level2 nav-7-1-1 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones/sample.html">
<span>Sample <span class="cat-label cat-label-label1">New</span></span>
</a>
</li><li class="level2 nav-7-1-2">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones/apple.html">
<span>Apple</span>
</a>
</li><li class="level2 nav-7-1-3">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones/samsung.html">
<span>Samsung</span>
</a>
</li><li class="level2 nav-7-1-4">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones/blackberry.html">
<span>BlackBerry</span>
</a>
</li><li class="level2 nav-7-1-5">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones/motorola.html">
<span>Motorola</span>
</a>
</li><li class="level2 nav-7-1-6">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones/nokia.html">
<span>Nokia</span>
</a>
</li><li class="level2 nav-7-1-7 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/smartphones/htc.html">
<span>HTC</span>
</a>
</li>
</ul>

</li><li class="level1 nav-7-2 parent item">
<div class="nav-block nav-block-level1-top std">
<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/demo/infortis/ultimo/menu/banner/02.png" alt="Sample image" title="Sample category block, you can replace it with custom content" />
</div>
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories.html">
<span>Phone Accessories</span>
</a>

<ul class="level1">
<li class="level2 nav-7-2-8 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories/headsets.html">
<span>Headsets</span>
</a>
</li><li class="level2 nav-7-2-9">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories/batteries.html">
<span>Batteries</span>
</a>
</li><li class="level2 nav-7-2-10">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories/screen-protectors.html">
<span>Screen Protectors</span>
</a>
</li><li class="level2 nav-7-2-11">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories/memory-cards.html">
<span>Memory Cards</span>
</a>
</li><li class="level2 nav-7-2-12">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories/cables-adapters.html">
<span>Cables &amp; Adapters</span>
</a>
</li><li class="level2 nav-7-2-13">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories/chargers.html">
<span>Chargers</span>
</a>
</li><li class="level2 nav-7-2-14 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/phone-accessories/cases.html">
<span>Cases</span>
</a>
</li>
</ul>

</li><li class="level1 nav-7-3 parent item">
<div class="nav-block nav-block-level1-top std">
<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/demo/infortis/ultimo/menu/banner/03.png" alt="Magento category image" title="Sample category block, you can replace it with custom content" />
</div>
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/cameras.html">
<span>Cameras</span>
</a>

<ul class="level1">
<li class="level2 nav-7-3-15 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/cameras/digital-cameras.html">
<span>Digital Cameras</span>
</a>
</li><li class="level2 nav-7-3-16">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/cameras/camcorders.html">
<span>Camcorders</span>
</a>
</li><li class="level2 nav-7-3-17">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/cameras/lenses.html">
<span>Lenses</span>
</a>
</li><li class="level2 nav-7-3-18">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/cameras/filters.html">
<span>Filters</span>
</a>
</li><li class="level2 nav-7-3-19 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/cameras/tripods.html">
<span>Tripods</span>
</a>
</li>
</ul>

</li><li class="level1 nav-7-4 last parent item">
<div class="nav-block nav-block-level1-top std">
<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/demo/infortis/ultimo/menu/banner/04.png" alt="Sample image" title="Sample category block, you can replace it with custom content" />
</div>
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/computers.html">
<span>Computers</span>
</a>

<ul class="level1">
<li class="level2 nav-7-4-20 first">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/computers/laptops.html">
<span>Laptops</span>
</a>
</li><li class="level2 nav-7-4-21">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/computers/hard-drives.html">
<span>Hard Drives</span>
</a>
</li><li class="level2 nav-7-4-22">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/computers/monitors.html">
<span>Monitors</span>
</a>
</li><li class="level2 nav-7-4-23 last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/electronics/computers/processors.html">
<span>Processors</span>
</a>
</li>
</ul>

</li>
</ul>
</div><div class="nav-block nav-block-right std grid12-4"><a href="http://ultimo.infortis-themes.com/demo/fourth/fashion.html"><img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/demo/infortis/ultimo/menu/02.jpg" alt="Sample custom content of the category block" /></a>
<br/>
<h3>Featured Category</h3>
<p>This is a custom block ready to display any content. You can add blocks to any category in the catalog...</p>
<a href="http://ultimo.infortis-themes.com/demo/fourth/fashion.html" class="go">View Category</a></div>
</div>
</li><li class="level0 nav-8 level-top last">
<a href="http://ultimo.infortis-themes.com/demo/fourth/downloadable.html" class="level-top">
<span>Digital</span>
</a>
</li>
                <li class="nav-custom-link level0 level-top parent">
                        <a class="level-top" href="#"><span>Custom Block</span></a>
			<div class="level0-wrapper">
					<div class="header-nav-dropdown-wrapper clearer"><div class="grid12-3">

	<h2 class="heading">Responsive Magento Theme</h2>
	<p>Ultimo is a premium Magento theme with advanced admin module. It's extremely customizable and fully responsive. Can be used for every type of store.</p>
	<h5><a class="go" href="http://themeforest.net/item/ultimo-fluid-responsive-magento-theme/3231798?ref=infortis" style="color:red;">Buy this Magento theme</a></h5>

</div>
<div class="grid12-3">

	<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/demo/infortis/ultimo/slideshow/banner/01.png" alt="Magento CMS blocks" />
	<h4 class="heading">50+ CMS blocks</h4>
	<p>You can use CMS blocks as content placeholders to display custom content in almost every part of the store. Import sample CMS blocks from the demo.</p>
	<a href="http://ultimo.infortis-themes.com/demo/fourth/ultimo-responsive-magento-theme/" class="go">See all features</a>

</div>
<div class="grid12-3">

	<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/demo/infortis/ultimo/slideshow/banner/02.png" alt="Magento theme documentation" />
	<h4 class="heading">130-pages documentation</h4>
	<p>The best Magento theme documentation on ThemeForest. It also describes selected Magento features which you need to know when starting to work with Magento.</p>
	<a href="http://ultimo.infortis-themes.com/demo/fourth/ultimo-responsive-magento-theme/" class="go">See all features</a>

</div>
<div class="grid12-3">

	<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/demo/infortis/ultimo/slideshow/banner/03.png" alt="Create Magento sub-themes" />
	<h4 class="heading">Easy to customize</h4>
	<p>Use Ultimo as a starting point for your custom projects. Unlike many other themes, Ultimo lets you create multiple custom sub-themes (theme variants) for your clients.</p>
	<a href="http://ultimo.infortis-themes.com/demo/fourth/ultimo-responsive-magento-theme/" class="go">See all features</a>

</div></div>
            </div>
        </li>
        
            
            
</ul>

	<script type="text/javascript">
		jQuery(function($) {
			$("#nav > li").hover(function() {
				$(this).find(".level0-wrapper").stop(true, true).delay(150).fadeIn(300, "easeOutCubic");
			}, function() {
				$(this).find(".level0-wrapper").stop(true, true).delay(150).fadeOut(300, "easeInCubic");
			});
		});
	</script>

		</div> <!-- end: nav -->
	</div> <!-- end: nav-container -->

</div> <!-- end: header-container -->
        <div class="main-container col1-layout">
            <div class="main container">
                <div class="grid-full breadcrumbs">
    <ul>
                    <li class="home">
                            <a href="http://ultimo.infortis-themes.com/demo/fourth/" title="Go to Home Page">Home</a>
                                        <span>/ </span>
                        </li>
                    <li class="product">
                            <strong>Configurable Phone</strong>
                                    </li>
            </ul>
</div>
                <div class="preface grid-full in-col1"></div>
                <div class="col-main grid-full in-col1">
                                        <script type="text/javascript">
    var optionsPrice = new Product.OptionsPrice({"productId":"24","priceFormat":{"pattern":"$%s","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":1},"includeTax":"false","showIncludeTax":false,"showBothPrices":false,"productPrice":650,"productOldPrice":700,"priceInclTax":650,"priceExclTax":650,"skipCalculate":1,"defaultTax":8.25,"currentTax":0,"idSuffix":"_clone","oldPlusDisposition":0,"plusDisposition":0,"plusDispositionTax":0,"oldMinusDisposition":0,"minusDisposition":0,"tierPrices":[],"tierPricesInclTax":[]});
</script>
<div id="messages_product_view"></div>
<div class="product-view nested-container">

    <form action="http://ultimo.infortis-themes.com/demo/fourth/checkout/cart/add/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL3Bob25lMy5odG1sP19fX1NJRD1V/product/24/" method="post" id="product_addtocart_form">
    
        <div class="no-display">
            <input type="hidden" name="product" value="24" />
            <input type="hidden" name="related_product" id="related-products-field" value="" />
        </div>

		
        <div class="product-img-box grid12-4">
            




	    
    	        <p class="product-image simple-mode">

			<a href="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/650x/040ec09b1e35df139433887a97daa66f/p/h/phone1d_1.jpg" class="cloud-zoom" id="zoom1" rel="position:'inside',showTitle:false,lensOpacity:0.5,smoothMove:3,zoomWidth:427,zoomHeight:275,adjustX:0,adjustY:0">
            	<img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/364x/040ec09b1e35df139433887a97daa66f/p/h/phone1d_1.jpg" alt="Configurable Phone" title="Configurable Phone" />
			</a>
            
                        				                <a id="zoom-btn" class="lightbox-group zoom-btn-large" href="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/650x/040ec09b1e35df139433887a97daa66f/p/h/phone1d_1.jpg" title="Configurable Phone">Zoom</a>
                    </p>
    
        





<div class="more-views itemslider itemslider-thumbnails count-5 gen-slider-arrows3">
    <ul class="thumbnails slides">
    
    	    
		                        <li>
                <a href="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/650x/040ec09b1e35df139433887a97daa66f/p/h/phone1d_1.jpg" class="cloud-zoom-gallery lightbox-group" title=""
                	rel="useZoom:'zoom1', smallImage: 'http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/364x/040ec09b1e35df139433887a97daa66f/p/h/phone1d_1.jpg'">
                    
                    <img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/thumbnail/65x/040ec09b1e35df139433887a97daa66f/p/h/phone1d_1.jpg" alt=""/>
                    
                </a>
            </li>
                                <li>
                <a href="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/650x/040ec09b1e35df139433887a97daa66f/p/h/phone1ff.jpg" class="cloud-zoom-gallery lightbox-group" title="Set custom image labels"
                	rel="useZoom:'zoom1', smallImage: 'http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/364x/040ec09b1e35df139433887a97daa66f/p/h/phone1ff.jpg'">
                    
                    <img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/thumbnail/65x/040ec09b1e35df139433887a97daa66f/p/h/phone1ff.jpg" alt="Set custom image labels"/>
                    
                </a>
            </li>
                                <li>
                <a href="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/650x/040ec09b1e35df139433887a97daa66f/p/h/phone1gg.jpg" class="cloud-zoom-gallery lightbox-group" title="alt"
                	rel="useZoom:'zoom1', smallImage: 'http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/364x/040ec09b1e35df139433887a97daa66f/p/h/phone1gg.jpg'">
                    
                    <img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/thumbnail/65x/040ec09b1e35df139433887a97daa66f/p/h/phone1gg.jpg" alt="alt"/>
                    
                </a>
            </li>
                                <li>
                <a href="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/650x/040ec09b1e35df139433887a97daa66f/i/p/iphone9_2.jpg" class="cloud-zoom-gallery lightbox-group" title="For any image"
                	rel="useZoom:'zoom1', smallImage: 'http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/364x/040ec09b1e35df139433887a97daa66f/i/p/iphone9_2.jpg'">
                    
                    <img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/thumbnail/65x/040ec09b1e35df139433887a97daa66f/i/p/iphone9_2.jpg" alt="For any image"/>
                    
                </a>
            </li>
                                <li>
                <a href="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/650x/040ec09b1e35df139433887a97daa66f/p/h/phone2a_2.jpg" class="cloud-zoom-gallery lightbox-group" title=""
                	rel="useZoom:'zoom1', smallImage: 'http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/364x/040ec09b1e35df139433887a97daa66f/p/h/phone2a_2.jpg'">
                    
                    <img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/thumbnail/65x/040ec09b1e35df139433887a97daa66f/p/h/phone2a_2.jpg" alt=""/>
                    
                </a>
            </li>
            
        </ul>
</div> <!-- end: more-views -->




		<script type="text/javascript">
        jQuery(function($) {
            
            $(".lightbox-group").colorbox({
			                rel:		'lightbox-group',
			                opacity:	0.5,
                speed:		300,
                current:	'{current} / {total}'
				, maxWidth:'95%', maxHeight:'95%'			});
			
							$(".cloud-zoom-gallery").first().removeClass("cboxElement");
						
			$(".cloud-zoom-gallery").click(function() {
				$("#zoom-btn").attr('href', $(this).attr('href'));
				$("#zoom-btn").attr('title', $(this).attr('title'));
			
									$(".cloud-zoom-gallery").each(function() {
						$(this).addClass("cboxElement");
					});
					$(this).removeClass("cboxElement");
								
			});
            
        });
    </script>

<script type="text/javascript">
	jQuery(function($) {
	var t; $(window).resize(function() { clearTimeout(t); t = setTimeout(function() { $(".more-views .cloud-zoom-gallery").first().click(); }, 500); });
	});
</script>

<script type="text/javascript">
//<![CDATA[
	jQuery(function($) {
		$('.itemslider-thumbnails').flexslider({
			namespace: "",
			animation: "slide",
			easing: "easeInQuart",
			animationSpeed: 300,
			animationLoop: false,
			slideshow: false,
			
			pauseOnHover: true,
			controlNav: false,
			
						
			itemWidth: 79,
			move: 1
		});
	});
//]]>
</script>
            <span class="sticker-wrapper top-right"><span class="sticker sale">Sale</span></span>        </div>
        
        <div class="product-shop grid12-5">

            <div class="product-name">
                <h1>Configurable Phone</h1>
            </div>
            
                <div class="ratings">
                    <div class="rating-box">
                <div class="rating" style="width:100%"></div>
            </div>
                <p class="rating-links">
            <a id="goto-reviews" href="#product-tabs">1 Review(s)</a>
            <span class="separator">|</span>
            <a id="goto-reviews-form" href="#review-form">Add Your Review</a>
        </p>
    </div>
            
                            <div class="short-description">
                    <div class="std">A Configurable product offers the customers a variety of options, which are selected from drop-down lists. For example, a tee shirt that comes in three colors and three sizes would have two drop-down lists of options for Color and Size.</div>
                </div>
                        
                        
            <div class="product-type-data">
    <p class="availability-only">
        <a href="#" id="stock-qty-24" title="Only 12 left">Only <strong>12</strong> left</a>
    </p>
    <table id="stock-qty-24-details" class="availability-only-details no-display">
        <col />
        <col width="1" />
        <thead>
            <tr>
                <th>Product Name</th>
                <th class="a-center">Qty</th>
            </tr>
        </thead>
        <tbody>
                                                <tr>
                    <td>Configurable Phone Example-Black</td>
                    <td class="a-center">2</td>
                </tr>
                                                            <tr>
                    <td>Configurable Phone Example-Dark Blue</td>
                    <td class="a-center">4</td>
                </tr>
                                                            <tr>
                    <td>Configurable Phone Example-Violet</td>
                    <td class="a-center">1</td>
                </tr>
                                                            <tr>
                    <td>Configurable Phone Example-White</td>
                    <td class="a-center">5</td>
                </tr>
                            </tbody>
    </table>
    <script type="text/javascript">
    //<![CDATA[
    $('stock-qty-24').observe('click', function(event){
        this.toggleClassName('expanded');
        $('stock-qty-24-details').toggleClassName('no-display');
        event.stop();
        decorateTable('stock-qty-24-details');
    });
    //]]>
    </script>
    <p class="availability in-stock">Availability: <span>In stock</span></p>


                
    <div class="price-box">
                                
                    <p class="old-price">
                <span class="price-label">Regular Price:</span>
                <span class="price" id="old-price-24">
                    $700.00                </span>
            </p>

                        <p class="special-price">
                <span class="price-label">Now only:</span>
                <span class="price" id="product-price-24">
                    $650.00                </span>
            </p>
                    
    
        </div>



</div>
            
            

            
                                                <div class="container1-wrapper"><div class="product-options" id="product-options-wrapper">
    
    <dl>
            <dt><label class="required"><em>*</em>Color</label></dt>
        <dd class="last">
            <div class="input-box">
                <select name="super_attribute[92]" id="attribute92" class="required-entry super-attribute-select">
                    <option>Choose an Option...</option>
                  </select>
              </div>
        </dd>
        </dl>
    <script type="text/javascript">
        var spConfig = new Product.Config({"attributes":{"92":{"id":"92","code":"color","label":"Color","options":[{"id":"16","label":"White","price":"0","oldPrice":"0","products":["28"]},{"id":"15","label":"Black","price":"0","oldPrice":"0","products":["25"]},{"id":"22","label":"Dark Blue","price":"0","oldPrice":"0","products":["26"]},{"id":"21","label":"Violet","price":"0","oldPrice":"0","products":["27"]}]}},"template":"$#{price}","basePrice":"650","oldPrice":"700","productId":"24","chooseText":"Choose an Option...","taxConfig":{"includeTax":false,"showIncludeTax":false,"showBothPrices":false,"defaultTax":8.25,"currentTax":0,"inclTaxTitle":"Incl. Tax"}});
    </script>
<script type="text/javascript">
//<![CDATA[
var DateOption = Class.create({

    getDaysInMonth: function(month, year)
    {
        var curDate = new Date();
        if (!month) {
            month = curDate.getMonth();
        }
        if (2 == month && !year) { // leap year assumption for unknown year
            return 29;
        }
        if (!year) {
            year = curDate.getFullYear();
        }
        return 32 - new Date(year, month - 1, 32).getDate();
    },

    reloadMonth: function(event)
    {
        var selectEl = event.findElement();
        var idParts = selectEl.id.split("_");
        if (idParts.length != 3) {
            return false;
        }
        var optionIdPrefix = idParts[0] + "_" + idParts[1];
        var month = parseInt($(optionIdPrefix + "_month").value);
        var year = parseInt($(optionIdPrefix + "_year").value);
        var dayEl = $(optionIdPrefix + "_day");

        var days = this.getDaysInMonth(month, year);

        //remove days
        for (var i = dayEl.options.length - 1; i >= 0; i--) {
            if (dayEl.options[i].value > days) {
                dayEl.remove(dayEl.options[i].index);
            }
        }

        // add days
        var lastDay = parseInt(dayEl.options[dayEl.options.length-1].value);
        for (i = lastDay + 1; i <= days; i++) {
            this.addOption(dayEl, i, i);
        }
    },

    addOption: function(select, text, value)
    {
        var option = document.createElement('OPTION');
        option.value = value;
        option.text = text;

        if (select.options.add) {
            select.options.add(option);
        } else {
            select.appendChild(option);
        }
    }
});
dateOption = new DateOption();
//]]>
</script>


<script type="text/javascript">
//<![CDATA[
enUS = {"m":{"wide":["January","February","March","April","May","June","July","August","September","October","November","December"],"abbr":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}}; // en_US locale reference
Calendar._DN = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]; // full day names
Calendar._SDN = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]; // short day names
Calendar._FD = 1; // First day of the week. "0" means display Sunday first, "1" means display Monday first, etc.
Calendar._MN = ["January","February","March","April","May","June","July","August","September","October","November","December"]; // full month names
Calendar._SMN = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]; // short month names
Calendar._am = "AM"; // am/pm
Calendar._pm = "PM";

// tooltips
Calendar._TT = {};
Calendar._TT["INFO"] = "About the calendar";

Calendar._TT["ABOUT"] =
"DHTML Date/Time Selector\n" +
"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" +
"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
"Distributed under GNU LGPL. See http://gnu.org/licenses/lgpl.html for details." +
"\n\n" +
"Date selection:\n" +
"- Use the \xab, \xbb buttons to select year\n" +
"- Use the " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " buttons to select month\n" +
"- Hold mouse button on any of the above buttons for faster selection.";
Calendar._TT["ABOUT_TIME"] = "\n\n" +
"Time selection:\n" +
"- Click on any of the time parts to increase it\n" +
"- or Shift-click to decrease it\n" +
"- or click and drag for faster selection.";

Calendar._TT["PREV_YEAR"] = "Prev. year (hold for menu)";
Calendar._TT["PREV_MONTH"] = "Prev. month (hold for menu)";
Calendar._TT["GO_TODAY"] = "Go Today";
Calendar._TT["NEXT_MONTH"] = "Next month (hold for menu)";
Calendar._TT["NEXT_YEAR"] = "Next year (hold for menu)";
Calendar._TT["SEL_DATE"] = "Select date";
Calendar._TT["DRAG_TO_MOVE"] = "Drag to move";
Calendar._TT["PART_TODAY"] = ' (' + "Today" + ')';

// the following is to inform that "%s" is to be the first day of week
Calendar._TT["DAY_FIRST"] = "Display %s first";

// This may be locale-dependent. It specifies the week-end days, as an array
// of comma-separated numbers. The numbers are from 0 to 6: 0 means Sunday, 1
// means Monday, etc.
Calendar._TT["WEEKEND"] = "0,6";

Calendar._TT["CLOSE"] = "Close";
Calendar._TT["TODAY"] = "Today";
Calendar._TT["TIME_PART"] = "(Shift-)Click or drag to change value";

// date formats
Calendar._TT["DEF_DATE_FORMAT"] = "%b %e, %Y";
Calendar._TT["TT_DATE_FORMAT"] = "%B %e, %Y";

Calendar._TT["WK"] = "Week";
Calendar._TT["TIME"] = "Time:";
//]]>
</script>
            <p class="required">* Required Fields</p>
    </div>
<script type="text/javascript">decorateGeneric($$('#product-options-wrapper dl'), ['last']);</script>
<div class="product-options-bottom">
        <div class="add-to-cart">
        <button type="button" title="Add to Cart" class="button btn-cart" onclick="productAddToCartForm.submit(this)"><span><span>Add to Cart</span></span></button>
                    <div class="qty-wrapper">
            	<label for="qty">Quantity:</label>
            	<input type="text" name="qty" id="qty" maxlength="12" value="1" title="Qty" class="input-text qty" />
            </div>
                    </div>
</div>
</div>
                                        
                            <div class="action-box addto-textlink clearer">
					

<ul class="add-to-links">
    <li><a href="http://ultimo.infortis-themes.com/demo/fourth/wishlist/index/add/product/24/" onclick="productAddToCartForm.submitLight(this, this.href); return false;" class="link-wishlist">Add to Wishlist</a></li>
    <li><span class="separator">|</span> <a href="http://ultimo.infortis-themes.com/demo/fourth/catalog/product_compare/add/product/24/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL3Bob25lMy5odG1s/" class="link-compare">Add to Compare</a></li>
</ul>
					                    	<p class="email-friend"><a href="http://ultimo.infortis-themes.com/demo/fourth/sendfriend/product/send/id/24/">Email to a Friend</a></p>
                    				</div>
                        
                                                
            
        </div> <!-- end: product-shop -->
        
                    <div class="product-secondary-column grid12-3">
            	<div class="inner">

																<div class="feature-wrapper bottom-border"><div class="box-brand">
							<a href="http://ultimo.infortis-themes.com/demo/fourth/catalogsearch/result/?q=Company" title="Click to see more products from Company"><img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/brands/company.png" title="" alt="Company" /></a>
					</div></div>
                                        
                                            <div class="block_product_secondary_bottom"><div class="feature indent first">
	<div class="icon">
		<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/icons/delivery.png" />
	</div>
	<p class="no-margin ">We will send this product in 2 days. <a href="#">Read more...</a></p>
</div>
<div class="feature indent">
	<div class="icon">
		<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/icons/phone.png" />
	</div>
	<p class="no-margin ">Call us now for more info about our products.</p>
</div>
<div class="feature indent">
	<div class="icon">
		<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/icons/back.png" />
	</div>
	<p class="no-margin ">Return purchased items and get all your money back.</p>
</div>
<div class="feature indent last">
	<div class="icon">
		<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/icons/star.png" />
	</div>
	<p class="no-margin ">Buy this product and earn 10 special loyalty points!</p>
</div>

<div class="feature-wrapper top-border">
	<div class="addthis_toolbox addthis_default_style ">
	<a class="addthis_button_preferred_1"></a>
	<a class="addthis_button_preferred_2"></a>
	<a class="addthis_button_preferred_3"></a>
	<a class="addthis_button_preferred_4"></a>
	<a class="addthis_button_compact"></a>
	<a class="addthis_counter addthis_bubble_style"></a>
	</div>
	<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-5054e6c6502d114f"></script>
</div></div>
                                        
                    
				</div>
            </div> <!-- end: product-secondary-column -->
        
        			        
    </form>
    <script type="text/javascript">
    //<![CDATA[
        var productAddToCartForm = new VarienForm('product_addtocart_form');
        productAddToCartForm.submit = function(button, url) {
            if (this.validator.validate()) {
                var form = this.form;
                var oldUrl = form.action;

                if (url) {
                   form.action = url;
                }
                var e = null;
                try {
                    this.form.submit();
                } catch (e) {
                }
                this.form.action = oldUrl;
                if (e) {
                    throw e;
                }

                if (button && button != 'undefined') {
                    button.disabled = true;
                }
            }
        }.bind(productAddToCartForm);

        productAddToCartForm.submitLight = function(button, url){
            if(this.validator) {
                var nv = Validation.methods;
                delete Validation.methods['required-entry'];
                delete Validation.methods['validate-one-required'];
                delete Validation.methods['validate-one-required-by-name'];
                if (this.validator.validate()) {
                    if (url) {
                        this.form.action = url;
                    }
                    this.form.submit();
                }
                Object.extend(Validation.methods, nv);
            }
        }.bind(productAddToCartForm);
    //]]>
    </script>
    <!-- end of product-essential (class was removed) -->



	        
    
        
	<div class="box-additional box-tabs grid-full">
    	

                
	<div id="product-tabs" class="gen-tabs gen-tabs-style1">

		        <ul class="tabs clearer">
							                	<li id="tab-description"><a href="#">Product Description</a></li>
                            				                	<li id="tab-additional"><a href="#">Additional Information</a></li>
                            				                	<li id="tab-tabreviews"><a href="#">Reviews</a></li>
                            				                	<li id="tab-product.tags"><a href="#">Product Tags</a></li>
                                        <li><a href="#">Custom Tab 1</a></li>        </ul>
        <div class="tabs-panels"><h2 class="acctab" id="acctab-description">Product Description</h2><div class="panel">    <h2>Details</h2>
    <div class="std">
        <p>Configurable Products let your customers select the variant they desire by choosing options. For example, you sell t-shirts in two colors and three sizes. You&rsquo;d create the six variants as individual products (with their own skus) and then add these six to a configurable product from where customers can choose size and color, then add to cart. If desired you could also have customers search for &ldquo;red medium t-shirt&rdquo; and land on the specific page for this variant.</p>
<p>Complex products in Magento are a way to consolidate product variants onto a single product info page in the front-end. The variants themselves are actually simple products and have their own SKUs and stock management. This is very powerful - it allows you to let customers search for the individual variants, but browse only to the consolidated product pages.</p>    </div>
</div><h2 class="acctab" id="acctab-additional">Additional Information</h2><div class="panel">    <h2>Additional Information</h2>
    <table class="data-table" id="product-attribute-specs-table">
        <col width="25%" />
        <col />
        <tbody>
                    <tr>
                <th class="label">Country of Manufacture</th>
                <td class="data"> </td>
            </tr>
                </tbody>
    </table>
    <script type="text/javascript">decorateTable('product-attribute-specs-table')</script>
</div><h2 class="acctab" id="acctab-tabreviews">Reviews</h2><div class="panel">
<div class="box-collateral box-reviews" id="customer-reviews">
                            <dl>
                    <dt>
            	<span class="heading">Customer reviews in Magento</span>Review by <span>John Example</span>            </dt>
            <dd>
                                                <table class="ratings-table">
                    <col width="1" />
                    <col />
                    <tbody>
                                                <tr>
                            <th>Quality</th>
                            <td>
                                <div class="rating-box">
                                    <div class="rating" style="width:100%;"></div>
                                </div>
                            </td>
                        </tr>
                                                <tr>
                            <th>Overall</th>
                            <td>
                                <div class="rating-box">
                                    <div class="rating" style="width:100%;"></div>
                                </div>
                            </td>
                        </tr>
                                            </tbody>
                </table>
                                Customers can provide a descriptive review, and can also rate a product on a &quot;star rating&quot; scale, from one star to five stars. You can create additional ratings in the admin panel. Ratings are displayed on product and category pages.<br />
<br />
Customer reviews and ratings can be approved, rejected or edited by admin. This level of control ensures that abusive reviews are not published.                <small class="date">(Posted on 11/12/12)</small>
            </dd>
                </dl>
                <div class="form-add">
    <h2>Write Your Own Review</h2>
        <form action="http://ultimo.infortis-themes.com/demo/fourth/review/product/post/id/24/" method="post" id="review-form">
        <fieldset>
                        <h3>You're reviewing: <span>Configurable Phone</span></h3>
                            <h4>How do you rate this product? <em class="required">*</em></h4>
                <span id="input-message-box"></span>
                <table class="data-table" id="product-review-table">
                    <col />
                    <col width="1" />
                    <col width="1" />
                    <col width="1" />
                    <col width="1" />
                    <col width="1" />
                    <thead>
                        <tr>
                            <th>&nbsp;</th>
                            <th><span class="nobr">1 star</span></th>
                            <th><span class="nobr">2 stars</span></th>
                            <th><span class="nobr">3 stars</span></th>
                            <th><span class="nobr">4 stars</span></th>
                            <th><span class="nobr">5 stars</span></th>
                        </tr>
                    </thead>
                    <tbody>
                                            <tr>
                            <th>Quality</th>
                                                    <td class="value"><input type="radio" name="ratings[1]" id="Quality_1" value="1" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[1]" id="Quality_2" value="2" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[1]" id="Quality_3" value="3" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[1]" id="Quality_4" value="4" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[1]" id="Quality_5" value="5" class="radio" /></td>
                                                </tr>
                                            <tr>
                            <th>Overall</th>
                                                    <td class="value"><input type="radio" name="ratings[2]" id="Overall_1" value="6" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[2]" id="Overall_2" value="7" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[2]" id="Overall_3" value="8" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[2]" id="Overall_4" value="9" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[2]" id="Overall_5" value="10" class="radio" /></td>
                                                </tr>
                                        </tbody>
                </table>
                <input type="hidden" name="validate_rating" class="validate-rating" value="" />
                <script type="text/javascript">decorateTable('product-review-table')</script>
                            <ul class="form-list">
                    <li>
                        <label for="nickname_field" class="required"><em>*</em>Nickname</label>
                        <div class="input-box">
                            <input type="text" name="nickname" id="nickname_field" class="input-text required-entry" value="" />
                        </div>
                    </li>
                    <li>
                        <label for="summary_field" class="required"><em>*</em>Summary of Your Review</label>
                        <div class="input-box">
                            <input type="text" name="title" id="summary_field" class="input-text required-entry" value="" />
                        </div>
                    </li>
                    <li>
                        <label for="review_field" class="required"><em>*</em>Review</label>
                        <div class="input-box">
                            <textarea name="detail" id="review_field" cols="5" rows="3" class="required-entry"></textarea>
                        </div>
                    </li>
                </ul>
            </fieldset>
            <div class="buttons-set">
                <button type="submit" title="Submit Review" class="button"><span><span>Submit Review</span></span></button>
            </div>
    </form>
    <script type="text/javascript">
    //<![CDATA[
        var dataForm = new VarienForm('review-form');
        Validation.addAllThese(
        [
               ['validate-rating', 'Please select one of each of the ratings above', function(v) {
                    var trs = $('product-review-table').select('tr');
                    var inputs;
                    var error = 1;
    
                    for( var j=0; j < trs.length; j++ ) {
                        var tr = trs[j];
                        if( j > 0 ) {
                            inputs = tr.select('input');
    
                            for( i in inputs ) {
                                if( inputs[i].checked == true ) {
                                    error = 0;
                                }
                            }
    
                            if( error == 1 ) {
                                return false;
                            } else {
                                error = 1;
                            }
                        }
                    }
                    return true;
                }]
        ]
        );
    //]]>
    </script>
    </div>
</div>
</div><h2 class="acctab" id="acctab-product.tags">Product Tags</h2><div class="panel"><div class="box-collateral box-tags">
    <h2>Product Tags</h2>
            <form id="addTagForm" action="http://ultimo.infortis-themes.com/demo/fourth/tag/index/save/product/24/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL3Bob25lMy5odG1s/" method="get">
        <div class="form-add">
            <label for="productTagName">Add Your Tags:</label>
            <div class="input-box">
                <input type="text" class="input-text required-entry" name="productTagName" id="productTagName" />
            </div>
            <button type="button" title="Add Tags" class="button" onclick="submitTagForm()">
                <span>
                    <span>Add Tags</span>
                </span>
            </button>
        </div>
    </form>
    <p class="note">Use spaces to separate tags. Use single quotes (') for phrases.</p>
    <script type="text/javascript">
    //<![CDATA[
        var addTagFormJs = new VarienForm('addTagForm');
        function submitTagForm(){
            if(addTagFormJs.validator.validate()) {
                addTagFormJs.form.submit();
            }
        }
    //]]>
    </script>
</div>
</div><h2 class="acctab">Custom Tab 1</h2><div class="panel"><div class="std"><p>Custom CMS block displayed as a tab. You can use it to display info about returns and refunds, latest promotions etc. You can put your own content here: text, HTML, images - whatever you like. There are <strong>many similar blocks</strong> accross the store. All CMS blocks are editable from the admin panel.</p></div></div></div>
        
	</div>
	<script type="text/javascript">
		jQuery(function($){var p=$(window).width()>=0x3C0;if($(window).width()>=0x3C0){$(".gen-tabs > .tabs").tabs(".tabs-panels .panel")}else{$(".gen-tabs").addClass("accor");$(".tabs-panels").tabs(".tabs-panels .panel",{tabs:'.acctab',effect:'slide'})}var t;$(window).resize(function(){clearTimeout(t);t=setTimeout(function(){if($(window).width()<0x3C0){if(p){var a=$(".tabs").data("tabs");var b=a.getIndex();a.destroy();$(".gen-tabs").addClass("accor");$(".tabs-panels").tabs(".tabs-panels .panel",{tabs:'.acctab',effect:'slide',initialIndex:b})}p=false}else{if(!p){var a=$(".tabs-panels").data("tabs");var b=a.getIndex();a.destroy();$(".gen-tabs").removeClass("accor");$(".gen-tabs > .tabs").tabs(".tabs-panels .panel",{initialIndex:b})}p=true}},500)})});
    </script>

				<script type="text/javascript">
			jQuery(function($){$("#goto-reviews, #goto-reviews-form").click(function(){if($("#product-tabs").hasClass("accor")){$("#product-tabs .tabs-panels").data("tabs").click($(".tabs-panels .acctab").index($("#acctab-tabreviews")))}else{$("#product-tabs .tabs").data("tabs").click($("#tab-tabreviews").index())}})});
		</script>
        
        	</div> <!-- end: box-tabs -->
    
        
    
</div> <!-- end: product-view -->
<div id="map-popup" class="map-popup" style="display:none;">
    <a href="#" class="map-popup-close" id="map-popup-close">x</a>
    <div class="map-popup-arrow"></div>
    <div class="map-popup-heading"><h2 id="map-popup-heading"></h2></div>
    <div class="map-popup-content" id="map-popup-content">
        <div class="map-popup-checkout">
            <form action="" method="POST" id="product_addtocart_form_from_popup">
                <input type="hidden" name="product" class="product_id" value="" id="map-popup-product-id" />
                <div class="additional-addtocart-box">
                                    </div>
                <button type="button" title="Add to Cart" class="button btn-cart" id="map-popup-button"><span><span>Add to Cart</span></span></button>
            </form>
        </div>
        <div class="map-popup-msrp" id="map-popup-msrp-box"><strong>Price:</strong> <span style="text-decoration:line-through;" id="map-popup-msrp"></span></div>
        <div class="map-popup-price" id="map-popup-price-box"><strong>Actual Price:</strong> <span id="map-popup-price"></span></div>
        <script type="text/javascript">
        //<![CDATA[
            document.observe("dom:loaded", Catalog.Map.bindProductForm);
        //]]>
        </script>
    </div>
    <div class="map-popup-text" id="map-popup-text">Our price is lower than the manufacturer's &quot;minimum advertised price.&quot;  As a result, we cannot show you the price in catalog or the product page. <br /><br /> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart.</div>
    <div class="map-popup-text" id="map-popup-text-what-this">Our price is lower than the manufacturer's &quot;minimum advertised price.&quot;  As a result, we cannot show you the price in catalog or the product page. <br /><br /> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart.</div>
</div>

<script type="text/javascript">
    var lifetime = 3600;
    var expireAt = Mage.Cookies.expires;
    if (lifetime > 0) {
        expireAt = new Date();
        expireAt.setTime(expireAt.getTime() + lifetime * 1000);
    }
    Mage.Cookies.set('external_no_cache', 1, expireAt);
</script>
                </div>
                <div class="postscript grid-full in-col1"></div>
            </div>
        </div>
        
<div class="footer-container">

	<div class="footer-top-container section-container">
        <div class="footer-top footer container show-bg">
            <div class="grid-full">
            
                <div class="section clearer show-separators">
                
                	                                            <div class="item float-left"><ul class="links">
                        <li class="first" ><a href="http://ultimo.infortis-themes.com/demo/fourth/catalog/seo_sitemap/category/" title="Site Map" >Site Map</a></li>
                                <li ><a href="http://ultimo.infortis-themes.com/demo/fourth/catalogsearch/term/popular/" title="Search Terms" >Search Terms</a></li>
                                <li ><a href="http://ultimo.infortis-themes.com/demo/fourth/catalogsearch/advanced/" title="Advanced Search" >Advanced Search</a></li>
                                <li ><a href="http://ultimo.infortis-themes.com/demo/fourth/sales/guest/form/" title="Orders and Returns" >Orders and Returns</a></li>
                                <li ><a href="http://ultimo.infortis-themes.com/demo/fourth/contacts/" title="Contact Us" >Contact Us</a></li>
                                <li class=" last" ><a href="http://ultimo.infortis-themes.com/demo/fourth/rss/" title="RSS" class="link-rss">RSS</a></li>
            </ul>
</div>
                                        
                                                            
                                                                <div class="item float-right"><ul class="links hide-below-768">

    <li class="first">
    	<a href="http://ultimo.infortis-themes.com/demo/fourth/about-magento-demo-store/">About Us</a>
    </li>
    <li class="last">
    	<a href="http://ultimo.infortis-themes.com/demo/fourth/customer-service/">Customer Service</a>
    </li>

</ul></div>
                                        
                </div> <!-- end: footer-top section -->
                
            </div> <!-- end: grid-full -->
        </div> <!-- end: footer-top -->
    </div>

	    
        
    <div class="footer-primary-container section-container">
        <div class="footer-primary footer container show-bg">
            <div class="grid-full">

				                <div class="section clearer">
					<div class="mobile-grid grid12-3 alpha">	<div class="section-space std"><div class="collapsible mobile-collapsible">
	<h6 class="block-title heading">About Ultimo</h6>

	<div class="block-content">

		<div class="feature first last">
			<img class="icon" src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/icons/info.png" />
			<p class="text">Ultimo is a premium Magento theme. It’s extremely customizable, easy to use and fully responsive. Suitable for every type of store. Great as a starting point for your custom projects.</p>
			<h5><a class="go" href="http://themeforest.net/item/ultimo-fluid-responsive-magento-theme/3231798?ref=infortis">Buy this theme</a></h5>
		</div>

	</div>
</div></div></div><div class="mobile-grid grid12-3">	<div class="section-space std"><div class="collapsible mobile-collapsible">
	<h6 class="block-title heading">Key Features</h6>

	<div class="block-content">

		<div class="feature indent first">
			<div class="icon">
				<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/icons/one.png" alt="Sample icon"  />
			</div>
			<p class="no-margin">Unlimited colors, dozens of customizable elements</p>
		</div>
		<div class="feature indent">
			<div class="icon">
				<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/icons/two.png" alt="Sample icon" />
			</div>
			<p class="no-margin ">Customizable responsive layout based on fluid grid</p>
		</div>
		<div class="feature indent">
			<div class="icon">
				<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/icons/three.png" alt="Sample icon" />
			</div>
			<p class="no-margin ">50+ placeholders to display custom content</p>
		</div>
		<div class="feature indent last">
			<div class="icon">
				<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/icons/four.png" alt="Sample icon" />
			</div>
			<p class="no-margin ">Create your custom sub-themes (variants)</p>
		</div>

	</div>
</div></div></div><div class="mobile-grid grid12-3">	<div class="section-space std"><div class="collapsible mobile-collapsible">
	<h6 class="block-title heading">Theme Features</h6>

	<div class="block-content">
	
		<ul class="bullet">
			<li><a href="http://ultimo.infortis-themes.com/demo/fourth/ultimo-responsive-magento-theme/">Theme Features</a></li>
			<li><a href="http://ultimo.infortis-themes.com/demo/fourth/typography/">Typography</a></li>
			<li><a href="#">Sample Link</a></li>
			<li><a href="#">Meat Our Best Partners</a></li>
			<li><a href="#">Our Other Projects</a></li>
			<li><a href="#">One Click To Join Us</a></li>
			<li><a href="#">Follow Us On Twitter</a></li>
			<li><a href="http://infortis-themes.com/">Magento Themes</a></li>
		</ul>

	</div>
</div></div></div><div class="mobile-grid grid12-3 omega">	<div class="section-space std"><div class="collapsible mobile-collapsible">
	<h6 class="block-title heading">Company Info</h6>

	<div class="block-content">

		<div class="feature indent first">
			<div class="icon">
				<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/icons/phone.png" alt="Sample image" />
			</div>
			<p class="no-margin ">Call Us +001 555 801<br/>Fax +001 555 802</p>
		</div>
		<div class="feature indent">
			<div class="icon">
				<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/icons/mobile.png" alt="Sample image" />
			</div>
			<p class="no-margin ">+77 123 1234<br/>+42 98 9876</p>
		</div>
		<div class="feature indent">
			<div class="icon">
				<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/icons/email.png" alt="Sample image" />
			</div>
			<p class="no-margin ">boss@example.com<br/>me@example.com</p>
		</div>
		<div class="feature indent last">
			<div class="icon">
				<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/icons/skype.png" alt="Sample image" />
			</div>
			<p class="no-margin ">Skype: contact_us<br/>skype_support</p>
		</div>

	</div>
</div></div></div>                </div> <!-- end: footer-primary section -->
                                
                                <div class="footer-primary-bottom section section-space">
                    <div class="footer-primary-bottom-spacing clearer">
                    
						                        	<div class="item float-left clearer block_footer_primary_bottom_left">
								<div class="social-links">

	<a class="first" href="#" title="Follow us on Twitter">
		<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/social/twitter.png" alt="twitter" />
	</a>
	<a href="#" title="Join us on Facebook">
		<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/social/facebook.png" alt="facebook" />
	</a>
	<a href="#" title="Join us on Google Plus">
		<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/social/googleplus.png" alt="google" />
	</a>
	<a href="#" title="Pinterest">
		<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/social/pinterest.png" alt="pinterest" />
	</a>
	<a href="#" title="Watch us on YouTube">
		<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/social/youtube.png" alt="youtube" />
	</a>
	<a class="first" href="#" title="Linked In">
		<img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/social/linkedin.png" alt="linked in" />
	</a>

</div>                            </div>
                                                
                                                
                                                    <div class="item float-right newsletter-wrapper clearer">
                                
<div id="subscribe-form" class="clearer">
    <form action="http://ultimo.infortis-themes.com/demo/fourth/newsletter/subscriber/new/" method="post" id="newsletter-validate-detail">
        <div>
            <label for="newsletter">Newsletter</label>
            <div class="input-box">
                <input type="text" name="email" id="newsletter" title="Sign up for our newsletter" class="input-text required-entry validate-email" />
            </div>
            <button type="submit" title="Subscribe" class="button btn-inline"><span><span>Subscribe</span></span></button>
        </div>
    </form>
</div>
<script type="text/javascript">
//<![CDATA[
    var newsletterSubscriberFormDetail = new VarienForm('newsletter-validate-detail');
    new Varien.searchForm('newsletter-validate-detail', 'newsletter', 'Enter your email address');
//]]>
</script>
                            </div>
                                                
                    </div> 
                </div> <!-- end: footer-primary-bottom -->
                            
            </div> <!-- end: grid-full -->
        </div> <!-- end: footer-primary -->
    </div>
    
    
    <div class="footer-secondary-container section-container">
        <div class="footer-secondary footer container">
            <div class="grid-full">
            
                <div class="section clearer">
					                </div> <!-- end: footer-secondary section -->

            </div> <!-- end: grid-full -->
        </div> <!-- end: footer-secondary -->
    </div>
    
    <div class="footer-bottom-container section-container">
        <div class="footer-bottom footer container">
            <div class="grid-full">

                <div class="section clearer">
                
                	<div class="item float-left">
                    	<p class="footer-copyright">Copyright &copy; 2012-2013 Premium Magento Themes by Infortis. All Rights Reserved.<br/>
This is a demo store. Any orders placed through this store will not be honored or fulfilled.</p>
                    </div>
                    
                                        	<div class="item float-right block_footer_payment"><img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/ultimo/custom/payment.gif" alt="Payment methods" title="Sample image with payment methods" /></div>
                                        
                                        	<div class="item float-right"><div class="store-switcher">
    <label for="select-store">Select Store:</label>
    <select id="select-store" title="Select Store" onchange="location.href=this.value">
                        <option value="http://ultimo.infortis-themes.com/demo/default/">Main Demo</option>
                    <option value="http://ultimo.infortis-themes.com/demo/second/">Store 2</option>
                    <option value="http://ultimo.infortis-themes.com/demo/third/">Store 3</option>
                    <option value="" selected="selected">Store 4</option>
        </select>
</div>
</div>
                                        
                    
                </div> <!-- end: footer-bottom section -->

            </div> <!-- end: grid-full -->
        </div> <!-- end: footer-bottom -->
    </div>
    
    <a href="#top" id="scroll-to-top">To top</a>

</div> <!-- end: footer-container -->


<script type="text/javascript">

			function setGridItemsEqualHeight($)
	{
		var SPACING = 20;
		if ($(window).width() >= 480)
		{
			$('.category-products-grid').removeClass("auto-height");
			
			var gridItemMaxHeight = 0;
			$('.category-products-grid > .item').each(function() {
				$(this).css("height", "auto");
				
				////////////////////////////////////////////////////////////////
									var actionsHeight = $(this).find('.actions').height();
					$(this).css("padding-bottom", (actionsHeight + SPACING) + "px"); //Set new padding
								////////////////////////////////////////////////////////////////
				
				gridItemMaxHeight = Math.max(gridItemMaxHeight, $(this).height());
			});
			
			//Apply max height
			$('.category-products-grid > .item').css("height", gridItemMaxHeight + "px");
		}
		else
		{
			$('.category-products-grid').addClass("auto-height");
			$('.category-products-grid > .item').css("height", "auto");
			$('.category-products-grid > .item').css("padding-bottom", "20px");
		}
	}
		
		function activateMobileMenu($)
	{
		if ($(window).width() < 1024)
		{
			$('#mobnav').show();
			$('.vertnav-top').addClass('mobile');
			$('#nav').addClass('mobile');
		}
		else
		{
			$('#nav').removeClass('mobile');
			$('.vertnav-top').removeClass('mobile');
			$('#mobnav').hide();
		}
	}
	
	

	jQuery(function($) {

				activateMobileMenu(jQuery);
		
		
				$('.collapsible').each(function(index){
			$(this).prepend('<span class="opener">&nbsp;</span>');
			if ($(this).hasClass('active'))
			{
				$(this).children('.block-content').css('display', 'block');
			}
			else
			{
				$(this).children('.block-content').css('display', 'none');
			}			
		});
				$('.collapsible .opener').click(function() {
			
			var parent = $(this).parent();
			if (parent.hasClass('active'))
			{
				$(this).siblings('.block-content').stop(true).slideUp(300, "easeOutCubic");
				parent.removeClass('active');
			}
			else
			{
				$(this).siblings('.block-content').stop(true).slideDown(300, "easeOutCubic");
				parent.addClass('active');
			}
			
		});
		
		
				var ddOpenTimeout;
		var dMenuPosTimeout;
		$(".clickable-dropdown > .dropdown-toggle").click(function() {
			$(this).parent().addClass('open');
			$(this).parent().trigger('mouseenter');
		});
		$(".dropdown").hover(function() {
			
			var DELAY = 300;
			var ddToggle = $(this).children('.dropdown-toggle');
			var ddMenu = $(this).children('.dropdown-menu');
			var ddWrapper = ddMenu.parent(); 			
						ddMenu.css("left", "");
			ddMenu.css("right", "");
			
						if ($(this).hasClass('clickable-dropdown'))
			{
								if ($(this).hasClass('open'))
				{
					$(this).children('.dropdown-menu').stop(true, true).delay(DELAY).fadeIn(300, "easeOutCubic");
				}
			}
			else
			{
								clearTimeout(ddOpenTimeout);
				ddOpenTimeout = setTimeout(function() {
					
					ddWrapper.addClass('open');
					
				}, DELAY);
				
				//$(this).addClass('open');
				$(this).children('.dropdown-menu').stop(true, true).delay(DELAY).fadeIn(300, "easeOutCubic");
			}
			
						clearTimeout(dMenuPosTimeout);
			dMenuPosTimeout = setTimeout(function() {

				if (ddMenu.offset().left < 0)
				{
					var space = ddWrapper.offset().left; 					ddMenu.css("left", (-1)*space);
					ddMenu.css("right", "auto");
				}
			
			}, DELAY);
			
		}, function() {
			var ddMenu = $(this).children('.dropdown-menu');
			clearTimeout(ddOpenTimeout); 			ddMenu.stop(true, true).delay(150).fadeOut(300, "easeInCubic");
			if (ddMenu.is(":hidden"))
			{
				ddMenu.hide();
			}
			$(this).removeClass('open');
		});


				$('#mobnav-trigger').toggle(function() {
			$(this).addClass('active');
			$('.vertnav-top').addClass('show');
		}, function() {
			$(this).removeClass('active');
			$('.vertnav-top').removeClass('show');
		});
		
		
							$(".main").addClass("show-bg");
				
		
				$(window).scroll(function(){
			if ($(this).scrollTop() > 100)
			{
				$('#scroll-to-top').fadeIn();
			}
			else
			{
				$('#scroll-to-top').fadeOut();
			}
		});
		$('#scroll-to-top').click(function(){
			$("html, body").animate({scrollTop: 0}, 600, "easeOutCubic");
			return false;
		});
		
		
						
						$('.category-products-grid > .item').hover(function() {
				$(this).find(".display-onhover").fadeIn(400, "easeInCubic");
			}, function() {
				$(this).find(".display-onhover").hide();
			});
		
				
		
		
				//Window size variables
		var winWidth = $(window).width();
		var winHeight = $(window).height();
		var t;
		$(window).resize(function() {

						var winNewWidth = $(window).width();
			var winNewHeight = $(window).height();
			if (winWidth != winNewWidth || winHeight != winNewHeight)
			{

				clearTimeout(t);
				t = setTimeout(function() {

																setGridItemsEqualHeight($);
									
										$('.itemslider').each(function(index){
						var s = $(this).data('flexslider');
						if (s != null) s.flexAnimate(0);
					});
				
										activateMobileMenu($);
				
				}, 100);

			} //end: if
			//Update window size variables
			winWidth = winNewWidth;
			winHeight = winNewHeight;

		}); //end: on resize
		
		

	}); /* end: jQuery(){...} */
	
	
	
	jQuery(window).load(function(){
		
							setGridItemsEqualHeight(jQuery);
		
	}); /* end: jQuery(window).load(){...} */
	
</script>
            </div>
</div>
</body>
</html>
